@charset "utf-8";
/* reset */
/* 内外边距通常让各个浏览器样式的表现位置不同 */
article,aside,blockquote,body,button,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {
    margin: 0;
    padding: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block;
}
html,button,input,select,textarea{
    font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;
}
/* 去掉各Table cell 的边距并让其边重合 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul,li{
    list-style: none;
}

ol,ol li {
    list-style: inside decimal;
}

iframe {
    border: none;
}
/* 去除默认边框 */
fieldset, img {
    /* 解决图片在ie6,7下缩放问题 */
    -ms-interpolation-mode: bicubic;
    border: none;
    border: 0;
}
img{
    border:0;
    vertical-align:middle;
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
}
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    color: #333;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;
}
audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
*{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
button,input,optgroup,select,textarea {
    font: inherit;
    color: inherit;
}
button[disabled],input[disabled] {
    cursor: default;
}
button,input[type=button],input[type=reset],input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    overflow: visible;
}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer {
    margin: 0;
    padding: 0;
    border: 0;
}
input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
input,textarea {
    -webkit-appearance: none;
    border-radius: 0;
    overflow: auto;
    resize: none;
    vertical-align: top;
}
a {
    text-decoration: none;
    background-color: transparent;
    background:transparent;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    color:#000;
}
a:active{
    outline:0;
}
*:focus {
    outline: 0;
}
blockquote,q {
    quotes: none;
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400;
}

b,strong {
    font-weight: bold;
}

em,i {
    font-style: normal;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}
@media print {
    img {
        max-width: 100% !important;
    }
}
/* reset */
/* main */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1101px) {
    .hqpc {
        display: block !important;
    }
    .hqmobile {
        display: none !important;
    }
}
@media (max-width: 1100px) {
    .hqpc {
        display: none !important;
    }
    .hqmobile {
        display: block !important;
    }
}
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,button,submit,input,textarea,select{margin:0; padding:0; word-wrap:break-word}
ul,ol,dl{list-style-type:none}
body,th,td,button,input,select,textarea{outline:none;font-family: "Helvetica Neue",Helvetica,"WenQuanYi Micro Hei",Arial,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,STHeiTi,sans-serif;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
button,submit{cursor:pointer;}
textarea{resize:none; outline:none;}
img{border:none; vertical-align:middle;}
a,a:hover,a:focus,a:visited,a:active{outline:none; text-decoration:none;color: #000;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,body{width: 100%;}
::selection{background-color:rgba(142,109,77,0.2);color:#000}
::-moz-selection{background-color:rgba(142,109,77,0.2);color:#000}
::-webkit-selection{background-color:rgba(142,109,77,0.2);color:#000}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1176px;
}
.wrap:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.clmg {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.clmt {
    margin-top: 0 !important;
}
.clmr {
    margin-right: 0 !important;
}
.clml {
    margin-left: 0 !important;
}
.pd0 {
    padding: 0;
}
.pdr0 {
    padding-right: 0;
}
.pdl0 {
    padding-left: 0;
}
.pdt0 {
    padding-top: 0;
}
.pdb0 {
    padding-bottom: 0;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
/* 防止图片过大，撑破容器 */
.img-response img {
    max-width: 100%;
}
body {
    margin: 0 auto;
}
/* 响应式媒体查询 */
/* pc 宽度判断往下继承，由小到大覆盖 */
/* 浏览器可视区宽度>=1101 */
@media (min-width: 1101px) {}

/* 浏览器可视区宽度>=1024 */
@media (min-width: 1024px) {}

/* 浏览器可视区宽度>=1280 */
@media (min-width: 1280px) {}

/* 浏览器可视区宽度>=1366 */
@media (min-width: 1366px) {}

/* 浏览器可视区宽度>=1440 */
@media (min-width: 1440px) {}

/* 浏览器可视区宽度>=1600 */
@media (min-width: 1600px) {}

/* 浏览器可视区宽度>=1920 */
@media (min-width: 1920px) {}
/* pc */